<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
    <script src="js/axios-0.18.0.js"></script>
</head>
<body>
    <div id="app6">
        用户名: <input type="text" v-model="user.name"> <br>
        密码: <input type="password" v-model="user.pwd"> <br>

        <input type="button" value="新增" @click="add">
    </div>
</body>

<script>
    new Vue({
        el:"#app6",
        data:{
            user:{
                name:"",
                pwd:""
            }
        },
        methods:{
            add(){
                //发送异步请求，将用户数据，提交到后台，执行新增用户的业务
                //post请求的参数，可以在url后面拼接，但是一般不用这种方式
                //axios默认发送数据的格式是application/json,后台获取到的数据是一个json格式字符串
                // axios.post("/user",this.user)
                //     .then(function (data){
                //         let res = data.data;
                //         alert(res)
                //     });


                axios({
                    url:"/user/test",
                    method:"post",  //请求方式：get、post、put、delete
                    params:{   //路径参数，跟在url后面的，通过？拼接成的键值对参数
                        gender:"男",
                        age:18
                    },
                    data:this.user   , //请求体参数，底层默认是按照application/json格式发送,
                    headers:{   //请求头
                        header1:"abc",
                        header2:"efg"
                    }
                }).then(function (data){
                    let res = data.data;
                    alert(res)
                });

            }
        }
    });
</script>
</html>